/* WalletBottomNavigation.razor component scoped styles */
.wallet-bottom-navigation {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        z-index: 1;
        flex-shrink: 0;
        margin-top: auto;
        padding: 0;
        border-top: 1px solid var(--mud-palette-divider);
        background: var(--mud-palette-surface);
        height: auto;
        display: flex;
        align-items: stretch;
        box-sizing: border-box;
    }
    
    .wallet-nav-stack {
        max-width: 600px;
        margin: 0 auto;
        width: 100%;
        display: flex;
        align-items: stretch;
        min-height: 72px;
    }
    
    .wallet-nav-left, .wallet-nav-right {
        display: flex;
        gap: 0;
        align-items: stretch;
    }
    
    .wallet-nav-actions {
        display: flex;
        gap: 0;
        flex: 1;
        justify-content: center;
        min-width: 0;
        align-items: stretch;
    }
    
    .wallet-nav-spacer {
        flex: 1;
        min-width: 60px;
    }
    
    
    
    @media (max-width: 600px) {
        .wallet-nav-actions {
            gap: 0;
        }
    }